/* 全局深色弹窗样式 */
.el-dialog {
  background-color: #28232e !important;
  border-radius: 8px !important;
  border: 1px solid #3e3648 !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
}

.el-dialog__title {
  color: #ffffff !important;
  font-weight: bold !important;
}

.el-dialog__header {
  background-color: #28232e !important;
  border-bottom: 1px solid #3e3648 !important;
  padding: 15px 20px !important;
}

.el-dialog__body {
  background-color: #28232e !important;
  color: #b0bec5 !important;
  padding: 20px !important;
}

.el-dialog__footer {
  background-color: #28232e !important;
  border-top: 1px solid #3e3648 !important;
  padding: 15px 20px !important;
}

.el-dialog .el-button {
  background-color: #2b2634 !important;
  border-color: #3e3648 !important;
  color: #b0bec5 !important;
}

.el-dialog .el-button:hover {
  background-color: #342d3d !important;
  border-color: #4e4457 !important;
  color: #ffffff !important;
}

.el-dialog .el-button--primary {
  background-color: #409EFF !important;
  border-color: #409EFF !important;
  color: #ffffff !important;
}

.el-dialog .el-button--primary:hover {
  background-color: #66b1ff !important;
  border-color: #66b1ff !important;
}

.el-dialog .el-button--danger {
  background-color: #772a2a !important;
  border-color: #9a3a3a !important;
  color: #ffffff !important;
}

.el-dialog .el-button--danger:hover {
  background-color: #8f3232 !important;
  border-color: #b54b4b !important;
}

.el-dialog__headerbtn .el-dialog__close {
  color: #b0bec5 !important;
}

.el-dialog__headerbtn:hover .el-dialog__close {
  color: #ffffff !important;
}

/* 输入框样式 - 更全面的选择器 */
/* 基本输入框 */
.el-input__inner,
.el-textarea__inner,
.el-input-number__decrease,
.el-input-number__increase,
.el-input-number .el-input__inner,
.el-date-editor .el-input__inner,
.el-date-editor .el-range-input,
.el-date-editor .el-range-separator,
.el-date-picker__editor-wrap input,
.el-select .el-input .el-input__inner,
.el-cascader .el-input .el-input__inner,
.el-time-panel,
.el-time-spinner__wrapper,
.el-time-spinner__item {
  background-color: #1f1b24 !important;
  border-color: #3e3648 !important;
  color: #b0bec5 !important;
}

/* 输入框包装器 - 解决白色背景问题 */
.el-input__wrapper {
  background-color: transparent !important;
  background: none !important;
  box-shadow: 0 0 0 1px #3e3648 inset !important;
}

.el-input__wrapper:hover,
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #409EFF inset !important;
}

/* El-Select 输入框特定样式 */
.el-select .el-input__wrapper {
  background-color: #1f1b24 !important;
  /* 保持和其他输入框背景一致 */
  /* box-shadow 继承上面的通用 .el-input__wrapper 样式 */
}

/* El-Select 占位符和箭头 */
.el-select .el-input__inner::placeholder {
  color: #777 !important;
}

.el-select .el-input .el-select__caret {
  color: #bbb !important;
}
.el-select__wrapper{
  background-color: #1f1b24 !important;
}
/* 输入框聚焦状态 */
.el-input__inner:focus,
.el-textarea__inner:focus,
.el-date-editor .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner,
.el-cascader .el-input__inner:focus {
  border-color: #409EFF !important;
}

/* 日期选择器和相关组件 */
.el-date-editor,
.el-date-picker,
.el-date-picker__header,
.el-date-picker__header-label,
.el-date-table th,
.el-date-table td,
.el-month-table td,
.el-year-table td,
.el-picker-panel,
.el-picker-panel__body,
.el-picker-panel__content,
.el-time-panel,
.el-time-panel__content,
.el-time-spinner__wrapper {
  background-color: #1f1b24 !important;
  color: #b0bec5 !important;
}

.el-date-table td.today,
.el-date-table td.available:hover,
.el-month-table td.today .cell,
.el-month-table td .cell:hover,
.el-year-table td.today .cell,
.el-year-table td .cell:hover {
  color: #409EFF !important;
}

.el-date-table td.current:not(.disabled) .cell,
.el-month-table td.current:not(.disabled) .cell,
.el-year-table td.current:not(.disabled) .cell {
  background-color: #409EFF !important;
  color: #ffffff !important;
}

/* 数字输入框 */
.el-input-number {
  background-color: #1f1b24 !important;
}

.el-input-number__decrease,
.el-input-number__increase {
  background-color: #2b2634 !important;
  border-color: #3e3648 !important;
  color: #b0bec5 !important;
}

/* 下拉菜单 */
.el-select-dropdown,
.el-dropdown-menu,
.el-cascader__dropdown,
.el-cascader-menu,
.el-time-panel,
.el-time-panel__content,
.el-time-spinner__wrapper,
.el-date-picker,
.el-picker-panel,
.el-picker-panel__body,
.el-picker-panel__content {
  background-color: #28232e !important;
  border: 1px solid #3e3648 !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.4) !important;
}

.el-select-dropdown__item,
.el-dropdown-menu__item,
.el-cascader-node,
.el-cascader-node__label {
  color: #b0bec5 !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-dropdown-menu__item:not(.is-disabled):hover,
.el-cascader-node:not(.is-disabled):hover {
  background-color: #342d3d !important;
}

.el-select-dropdown__item.selected,
.el-dropdown-menu__item.is-active,
.el-cascader-node.in-active-path,
.el-cascader-node.is-active {
  color: #409EFF !important;
  font-weight: bold !important;
}

/* 表单项标签 */
.el-form-item__label,
.el-checkbox__label,
.el-radio__label,
.el-dialog label {
  color: #b0bec5 !important;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #1f1b24;
}

::-webkit-scrollbar-thumb {
  background: #3e3648;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #4e4457;
}

/* 表格深色主题 */
.el-table {
  background-color: #28232e !important;
  color: #b0bec5 !important;
  border: 1px solid #3e3648 !important;
}

.el-table::before {
  background-color: #3e3648 !important;
}

/* 表头样式 */
.el-table thead {
  color: #ffffff !important;
}

.el-table th.el-table__cell {
  background-color: #1f1b24 !important;
  border-bottom: 1px solid #3e3648 !important;
}

/* 单元格样式 */
.el-table td.el-table__cell {
  background-color: #28232e !important;
  border-bottom: 1px solid #3e3648 !important;
}

/* 斑马纹样式 */
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background-color: #2b2634 !important;
}

/* 鼠标悬停行样式 */
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background-color: #342d3d !important;
}

/* 表格边框 */
.el-table--border::after,
.el-table--border::before,
.el-table__inner-wrapper::after,
.el-table--border .el-table__inner-wrapper {
  background-color: #3e3648 !important;
}

.el-table--border .el-table__cell {
  border-right: 1px solid #3e3648 !important;
}

/* 表格底部 */
.el-table__footer-wrapper {
  background-color: #1f1b24 !important;
}

/* 空数据状态 */
.el-table__empty-text {
  color: #b0bec5 !important;
}

/* 固定列阴影 */
.el-table__fixed-right::before,
.el-table__fixed::before {
  background-color: #3e3648 !important;
}

/* 表格加载遮罩 */
.el-table .el-loading-mask {
  background-color: rgba(40, 35, 46, 0.8) !important;
}

/* 表格描述 */
.el-descriptions {
  background-color: #28232e !important;
  color: #b0bec5 !important;
}

.el-descriptions__header {
  background-color: #28232e !important;
}

.el-descriptions__title {
  color: #ffffff !important;
}

.el-descriptions__body {
  background-color: #28232e !important;
}

/* 修改描述列表标签背景色 - 更精确的选择器 */
.el-descriptions-item__label,
.el-descriptions__cell.is-bordered-label,
.el-descriptions__label.el-descriptions__cell.is-bordered-label {
  background-color: #1f1b24 !important;
  color: #b0bec5 !important;
}

.el-descriptions-item__content {
  background-color: #28232e !important;
  color: #b0bec5 !important;
}

/* 修复描述列表内容文字颜色 */
.el-descriptions__content.el-descriptions__cell.is-bordered-content,
.el-descriptions__content:not(.is-bordered-label),
.el-descriptions-item__content.el-descriptions__cell.is-bordered-content,
.el-descriptions-item__content:not(.is-bordered-label) {
  color: #b0bec5 !important;
}

.el-descriptions--border {
  border: 1px solid #3e3648 !important;
}

.el-descriptions--border .el-descriptions-item__cell {
  border-right: 1px solid #3e3648 !important;
  border-bottom: 1px solid #3e3648 !important;
}

/* 修复表格文字颜色 */
.el-table__cell,
.el-table th.el-table__cell,
.el-table td.el-table__cell,
.el-table .cell,
.el-table--border .el-table__cell,
.el-table tr,
.el-table tbody {
  color: #b0bec5 !important;
}

/* 加载状态深色主题 */
.el-loading-mask {
  background-color: rgba(31, 27, 36, 0.8) !important;
}

.el-loading-spinner {
  color: #409EFF !important;
}

.el-loading-text {
  color: #b0bec5 !important;
  font-size: 14px !important;
}

.el-loading-spinner .path {
  stroke: #409EFF !important;
}

.el-loading-spinner .circular {
  stroke: #409EFF !important;
}

/* 全屏加载 */
.el-loading-parent--relative {
  background-color: #28232e !important;
}

/* 自定义加载图标颜色 */
.el-icon-loading {
  color: #409EFF !important;
}